@for $i from 0 through 20 {
	
		
		
		
		
		
		
		
		.louis-border-#{$i}px{
			border-width:  $i + px!important;
			border-style: solid;
            border-color: #C0C0C0;
			box-sizing: border-box;
		}
		.louis-border-#{$i}px{
			border-width:  $i + px!important;
			border-style: solid;
		    border-color: #C0C0C0;
			box-sizing: border-box;
		}
		.louis-border-#{$i}{
			border-width:  $i + px!important;
			border-style: solid;
		    border-color: #C0C0C0;
			box-sizing: border-box;
		}
		
		.louis-border-#{$i}{
			border-width:  $i + px!important;
			border-style: solid;
		    border-color: #C0C0C0;
			box-sizing: border-box;
		}
		
		
	
		
		
		
		
		
		@each $short in dotted, dashed, solid, double,groove,ridge,inset,outset {
			// 缩写版，结果如： l-m-l-30
			// 定义外边距
			.louis-border-#{$short}{
				border-style:$short !important;;
			}
			
		}
}

// 定义圆角(px)单位，大于或等于20的都为px单位字体


@for $i from 0 through 100 {
	.louis-radius-#{$i}px {
		border-radius:$i+ px !important; 
	}
}

@for $i from 0 through 100 {
	.louis-radius-#{$i}px {
		border-radius:$i+ px !important; 
	}
}

@for $i from 0 through 100 {
	.louis-radius-#{$i} {
		border-radius:$i+ px !important; 
	}
}


@for $i from 0 through 100 {
	.louis-radius-#{$i}p {
		// border-radius:$i+ % !important; 
	}
}





.louis-circular{
	border-radius: 50%;
}


//尺寸

.louis-w100{
	width: 100%;
}
.louis-h100{
	height: 100%;
}
.louis-wh100{
		width: 100%;
		height: 100%;
}





@for $i from 0 through 1000 {
	
	.louis-h-#{$i}px {
		height:$i+ px !important; 
	}
	.louis-w-#{$i}px {
		width:$i+ px !important; 
	}
	.louis-wh-#{$i}px {
		width:$i+ px !important;
		height:$i+ px !important; 
	}
	.louis-min-h-#{$i}px {
		min-height:$i+ px !important; 
	}
	.louis-min-w-#{$i}px {
		min-width:$i+ px !important; 
	}
	
	.louis-max-h-#{$i}px {
		max-height:$i+ px !important; 
	}
	
	.louis-min-h-#{$i}px {
		min-height:$i+ px !important; 
	}
	
	
	.louis-h-#{$i}px {
		height:$i+ px !important; 
	}
	.louis-w-#{$i}px {
		width:$i+ px !important; 
	}
	.louis-wh-#{$i}px {
		width:$i+ px !important; 
		height:$i+ px !important; 
	}
	
	.louis-min-h-#{$i}px {
		min-height:$i+ px !important; 
	}
	.louis-min-w-#{$i}px {
		min-width:$i+ px !important; 
	}
	
	.louis-max-h-#{$i}px {
		max-height:$i+ px !important; 
	}
	
	.louis-min-h-#{$i}px {
		min-height:$i+ px !important; 
	}
	
	.louis-h-#{$i}p {
		// height:$i+ % !important; 
	}
	.louis-w-#{$i}p {
		// width:$i+ % !important; 
	}
	.louis-wh-#{$i}p {
		// width:$i+ % !important;
		// height:$i+ % !important; 
	}
	.louis-min-h-#{$i}p {
		// min-height:$i+ % !important; 
	}
	.louis-min-w-#{$i}p {
		// min-width:$i+ % !important; 
	}
	
	.louis-max-h-#{$i}p {
		// max-height:$i+ % !important; 
	}
	
	.louis-min-h-#{$i}p {
		// min-height:$i+ % !important; 
	}
}



.louis-w-max{
	width: 100%;
}
.louis-h-max{
	height: 100%;
}
.louis-wh-max{
	width: 100%;
	height: 100%;
}

.louis-pointer{
	cursor:pointer
}

.louis-cursor{
	cursor:pointer
}